/* 运维页面通用样式 */
.ops-container {
  background: var(--background-color);
  min-height: 100vh;
  padding: 16px;
}

.ops-header {
  margin-bottom: 20px;
}

.ops-title {
  font-size: 24px;
  font-weight: 600;
  color: var(--text-color);
  margin-bottom: 16px;
}

.ops-subtitle {
  font-size: 14px;
  color: var(--text-secondary);
  margin-bottom: 16px;
}

.ops-content {
  background: var(--card-background);
  border-radius: 8px;
  padding: 16px;
  box-shadow: var(--card-shadow);
}

/* Grid 样式 */
.ops-grid .van-grid-item__content {
  padding: 16px 8px;
  background: var(--card-background);
  border-radius: 8px;
  transition: all 0.3s ease;
}

.ops-grid .van-grid-item__content:active {
  transform: scale(0.98);
}

.ops-grid .van-grid-item__icon {
  font-size: 28px;
  color: var(--primary-color);
}

.ops-grid .van-grid-item__text {
  color: var(--text-color);
  margin-top: 8px;
  font-size: 14px;
}

/* List 样式 */
.ops-list .van-cell {
  background: var(--card-background);
  border-radius: 8px;
  margin-bottom: 8px;
}

.ops-list .van-cell__title {
  color: var(--text-color);
  font-weight: 500;
}

.ops-list .van-cell__label {
  color: var(--text-secondary);
}

/* Button 样式 */
.ops-button--primary {
  background: var(--primary-color);
  border: none;
}

.ops-button--primary:active {
  background: var(--primary-color-dark);
}

.ops-button--danger {
  background: var(--danger-color);
  border: none;
}

.ops-button--danger:active {
  background: var(--danger-color-dark);
}

/* 状态标签样式 */
.status-tag {
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12px;
}

.status-tag--success {
  background: var(--success-color-light);
  color: var(--success-color);
}

.status-tag--warning {
  background: var(--warning-color-light);
  color: var(--warning-color);
}

.status-tag--danger {
  background: var(--danger-color-light);
  color: var(--danger-color);
} 